<extend name="Index::index"/>
<block name="title"><title>商品详情</title></block>
<block name="main">
<!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
        <ul class="nav navbar-nav nav_1">
            <li><a class="color" href="{:U('index')}">首页</a></li>
            <foreach name="list" item="val">
    		<li class="dropdown mega-dropdown active">
			    <a class="color1" href="#" class="dropdown-toggle" data-toggle="dropdown">{$val['name']}<span class="caret"></span></a>				
				<div class="dropdown-menu ">
                    <div class="menu-top">
						<div class="col1">
							<div class="h_nav">
								<h4>{$val['name']}</h4>
									<ul>
									<notempty name="val.son">
									 <foreach name="val.son" item="v">
										<li><a href="{:U('Index/product')}">{$v['name']}</a></li>
									</foreach>
									<else/>
									没有子类
									</notempty>	
									</ul>	
							</div>			
						</div>		
						<div class="col1 col5">
						<img src="__PUBLIC__/Images/me.png" class="img-responsive" alt="">
						</div>
						<div class="clearfix"></div>
					</div>                  
				</div>				
			</li>
	</foreach>
        </ul>
     </div><!-- /.navbar-collapse -->

</nav>
			</div>
			<div class="col-sm-2 search-right">
				<ul class="heart">
				<li>
				<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
				</li>
				<li><a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i class="glyphicon glyphicon-search"> </i></a></li>
					</ul>
					<div class="cart box_1">
						<a href="{:U('Index/cart')}">
							<img src="__PUBLIC__/Images/cart.png" alt="" style="margin-top:10px;margin-left:-60px;" />
						</a>
					</div>
					<div class="clearfix"> </div>
					
						<!----->

						<!---pop-up-box---->					  
			<link href="__PUBLIC__/Css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
			<script src="__PUBLIC__/js/jquery.magnific-popup.js" type="text/javascript"></script>
			<!---//pop-up-box---->
			<div id="small-dialog" class="mfp-hide">
				<div class="search-top">
					<div class="login-search">
						<input type="submit" value="">
						<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}">		
					</div>
					<p>Shopin</p>
				</div>				
			</div>
		 <script>
			$(document).ready(function() {
			$('.popup-with-zoom-anim').magnificPopup({
			type: 'inline',
			fixedContentPos: false,
			fixedBgPos: true,
			overflowY: 'auto',
			closeBtnInside: true,
			preloader: false,
			midClick: true,
			removalDelay: 300,
			mainClass: 'my-mfp-zoom-in'
			});
																						
			});
		</script>		
						<!----->
			</div>
			<div class="clearfix"></div>
		</div>	
	</div>	
</div>
<!--banner-->
<div class="banner-top">
	<div class="container">
		<h1>商品详情</h1>
		<em></em>
		<h2><a href="{:U('Index/index')}">主页</a><label>/</label>商品详情</a></h2>
	</div>
</div>
<div class="single">

<div class="container">

<div class="col-md-9">
	<div class="col-md-5 grid">		
		<div class="flexslider">
			  <ul class="slides">
			    <li>
			        <div class="thumb-image" style="border:1px solid #D1CFCF;"> <img src="__ROOT__{$good_list['giname']}" data-imagezoom="true" class="img-responsive"> </div>
			    </li>
			    <foreach name="goods_img" item="v">

			    <li style="float:left;border:1px solid #D1CFCF;margin-top:5px;margin-right:5px;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;">
			         <img src="__ROOT__{$v['name']}" data-imagezoom="true" class="img-responsive"> 
			    </li>
			    </foreach>
			  </ul>
		</div>
	</div>
<div class="col-md-7 single-top-in">
						<div class="span_2_of_a1 simpleCart_shelfItem">
				<h3>商品名：{$good_list['gname']}</h3>
				<p class="in-para"> {$good_list['gd']}</p>
			    <div class="price_single">
				  <span class="reducedfrom item_price">价格：${$good_list['gp']}
				  </span>
				 <a href="#">满1件7折,包邮；满2件6折,包邮</a>
				 <div class="clearfix"></div>
				</div>
				<span>库存：{$good_list['gs']}</span>
				<p class="quick_desc"> </p>
			    <span>分类：{$good_list['cname']}</span>
				<p class="quick_desc"> </p>
				<span>上架时间：{$good_list['gtime']}</span>
				<p class="quick_desc"> </p>
			 <div class="quantity"> 
			<div class="quantity-select">                           
			<div class="gou">
				<form action="{:U('Index/cart')}" method="post">
					<input type="hidden" name="id" value="{$good_list['gid']}">
					<span>购买数量：</span>
					<button onclick="return minus()" style="width:30px;">-</button>
					<input id="num" name="num" value="1" style="width:60px;height:30px;border:1px solid #A7A6AC;text-align:center;" />
					<button onclick="return plus()" style="width:30px;">+</button>
					<br/>
					<br/>
					<input type="submit" value="立即购买" style="margin-left:50px;width:100px;height:35px;border:1px solid red;background:#FFEDED;" />
					<input type="submit" value="加入购物车" style="margin-left:20px;width:100px;height:35px;border:1px solid red;background:#C40000;"/>
				</form>
				</div>
				<script type="text/javascript">
				//减法
					function minus()
					{
						var num=document.getElementById('num');
						num1=parseInt(num.value)-1;
						if (num1<=0) 
						{
							num1=1;
						};
						num.value=num1;
						return false;
					}
				//加法
					function plus()
					{
						var num=document.getElementById('num');
						num1=parseInt(num.value)+1;
						if (num1>{$good_list['gs']}) 
						{
							num1={$good_list['gs']};
						};
						num.value=num1;
						return false;
					}
				</script>
			<div class="clearfix"> </div>
			</div>		
			</div>
			<div class="clearfix"> </div>

  
  </div>
  <div class="clearfix"></div>
  </div>
			<!---->	
</div>
<!----->

<div class="col-md-3 product-bottom product-at">
			<!--categories-->
				<div class=" rsidebar span_1_of_left">
						<h4 class="cate">Categories</h4>
							 <ul class="menu-drop">
							<li class="item1"><a href="#">Men </a>
								<ul class="cute">
									<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
									<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
									<li class="subitem3"><a href="product.html">Automatic Fails </a></li>
								</ul>
							</li>
							<li class="item2"><a href="#">Women </a>
								<ul class="cute">
									<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
									<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
									<li class="subitem3"><a href="product.html">Automatic Fails </a></li>
								</ul>
							</li>
							<li class="item3"><a href="#">Kids</a>
								<ul class="cute">
									<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
									<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
									<li class="subitem3"><a href="product.html">Automatic Fails</a></li>
								</ul>
							</li>
							<li class="item4"><a href="#">Accessories</a>
								<ul class="cute">
									<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
									<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
									<li class="subitem3"><a href="product.html">Automatic Fails</a></li>
								</ul>
							</li>
									
							<li class="item4"><a href="#">Shoes</a>
								<ul class="cute">
									<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
									<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
									<li class="subitem3"><a href="product.html">Automatic Fails </a></li>
								</ul>
							</li>
						</ul>
					</div>
				<!--initiate accordion-->
						<script type="text/javascript">
							$(function() {
							    var menu_ul = $('.menu-drop > li > ul'),
							           menu_a  = $('.menu-drop > li > a');
							    menu_ul.hide();
							    menu_a.click(function(e) {
							        e.preventDefault();
							        if(!$(this).hasClass('active')) {
							            menu_a.removeClass('active');
							            menu_ul.filter(':visible').slideUp('normal');
							            $(this).addClass('active').next().stop(true,true).slideDown('normal');
							        } else {
							            $(this).removeClass('active');
							            $(this).next().stop(true,true).slideUp('normal');
							        }
							    });
							
							});
						</script>
<!--//menu-->
 <section  class="sky-form">
					<h4 class="cate">Discounts</h4>
					 <div class="row row1 scroll-pane">
						 <div class="col col-4">
								<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Upto - 10% (20)</label>
						 </div>
						 <div class="col col-4">
								<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>40% - 50% (5)</label>
								<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>30% - 20% (7)</label>
								<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>10% - 5% (2)</label>
								<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Other(50)</label>
						 </div>
					 </div>
				 </section> 				 			
		</div>
		<div class="clearfix"> </div>
	</div>
	</div>
</block>